<!--  -->
<template>
  <div class="newsdetails">
    <Newstabbar/>
    <div class="news-details  container">
      <div class="details-title">
        <img :src="newsDetails.imgSrc" alt="">
        <strong>{{newsDetails.title}}</strong>
        <p>{{newsDetails.decription}}</p>
      </div>
      <hr>
      <div class="bigTitle">{{newsDetails.bigTitle}}</div>
      <div class="details-decription" >
        <strong>狗狗"</strong>
        <p>又干净又好养的小宠物其实有很多，比如宠物兔、小仓鼠或者是金鱼等等，这些宠物都是体型非常小巧，而且也比较干净的小宠物，日常的食物也不需要花费大家太多的心思，因此我们也是非常推荐大家饲养它们的。</p>
        <strong>兔子"</strong>
        <p>又干净又好养的小宠物其实有很多，比如宠物兔、小仓鼠或者是金鱼等等，这些宠物都是体型非常小巧，而且也比较干净的小宠物，日常的食物也不需要花费大家太多的心思，因此我们也是非常推荐大家饲养它们的。</p>
      </div>
    </div>
  </div>

  
</template>

<script>
import Newstabbar from './Newstabbar'
export default {
  name:"Newsdetails",
  data () {
    return {
      newsDetails:
        {id:"01",title:"什么宠物小巧好养便宜？",imgSrc:"http://img.boqiicdn.com/Data/BK/A/2007/24/imagick55511595587123_y.jpg",
        bigTitle:'今天这篇文章我们主要来盘点一下关于小巧好养又便宜的<物，宠物现在基本上进入了家家户户，尤其是对于家中有老人和小孩子的人来讲，宠物不仅能够陪伴他们度过这漫长岁月，而且也会让他们有一个情感上的寄托，但是对于生活在都市里的人来说，在选择宠物的时候首先要考虑的就是是否小巧、好养，其次就是价格是否是我们负担得起的，如果你还不知道小宠物，宠物现在基本上进入了家家户户，尤其是对于家中有老人和小孩子的人来讲，宠物不仅能够陪伴他们度过这漫长岁月，而且也会让他们有一个情感上的寄托，但是对于生活在都市里的人来说，在选择宠物的时候首先要考虑的就是是否小巧、好养，其次就是价格是否是我们负担得起的，如果你还不知道',
        children:[
          {id:"04",name:"狗狗",decription:"又干净又好养的小宠物其实有很多，比如宠物兔、小仓鼠或者是金鱼等等，这些宠物都是体型非常小巧，而且也比较干净的小宠物，日常的食物也不需要花费大家太多的心思，因此我们也是非常推荐大家饲养它们的。"},
          {id:"05",name:"兔子",decription:"又干净又好养的小宠物其实有很多，比如宠物兔、小仓鼠或者是金鱼等等，这些宠物都是体型非常小巧，而且也比较干净的小宠物，日常的食物也不需要花费大家太多的心思，因此我们也是非常推荐大家饲养它们的。"}
          ] 
        ,decription:"又干净又好养的小宠物其实有很多，比如宠物兔、小仓鼠或者是金鱼等等，这些宠物都是体型非常小巧，而且也比较干净的小宠物，日常的食物也不需要花费大家太多的心思，因此我们也是非常推荐大家饲养它们的。"},
    };
  },
  components:{
    Newstabbar
  },
  // created(){
    // console.log(this.$route)  //查看传过来的id 然后在根据id查询
  // }


}

</script>
<style lang='less' scoped>
@import '../../assets/css/total.less';
.news-details{
  background-color: rgb(243, 240, 240);
  .details-title{
    
    img{
      margin: 30px 200px;
      height: 400px;
      width: 800px;
    }
    strong{
      display: block;
      font-size: 40px;
      height: 60px;
      text-align: center;
      font-weight: 700;
    }
    p{
      width: 800px;
      font-size: 30px;
      text-indent: 2em;
      line-height: 40px;
      margin: 10px 200px;
    }
  }
  .bigTitle{
    margin: 30px;
    text-indent: 2em;
    font-size: 25px;
    line-height: 35px;
  }
  .details-decription{
    margin: 30px;
    strong{
      display: block;
      line-height: 35px;
      font-size: 30px;
      font-weight: 700;
      margin: 20px 0;
    }
    p{
      text-indent: 2em;
      font-size: 25px;
      line-height: 35px;
    }
  }
}
</style>